<?php
session_start();
if(isset($_SESSION) && isset($_SESSION['supAdminId']) && isset($_SESSION['supAdminId'])==TRUE) {
	header( 'Location: ./v1/' ) ;
	echo "Redirecting ...";
	die();	
}
?>

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="utf-8">

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"> 
    
	<link href="../../v1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="../../v1/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />

	<link href="../../v1/css/font-awesome.css" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet">
    
	<link href="../../v1/css/style.css" rel="stylesheet" type="text/css">
	<link href="../../v1/css/pages/signin.css" rel="stylesheet" type="text/css">
	<link href="../../v1/css/pages/plans.css" rel="stylesheet" type="text/css"> 

	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>

<body>
	
	<div class="navbar navbar-fixed-top">
	
	<div class="navbar-inner">
		
	</div> <!-- /navbar-inner -->
	
</div> <!-- /navbar -->

<?php
	if(isset($_GET['action']) && $_GET['action']=="check_credentials") {
		$html = <<<EOT
			<div class="alert" id="check_credentials_alert">
				<button type="button" class="close" data-dismiss="alert">×</button>
				<strong>Warning!</strong> Please check the username and password and try again. 
			</div>
			<script>
				setTimeout(function(){\$("#check_credentials_alert").toggle();},5000);
			</script>
EOT;
		echo $html;
	}
?>

<div class="account-container">
	
	<div class="content clearfix">
		
		<form action="./v1/" method="post">
		
			<h1>Member Login</h1>		
			
			<div class="login-fields">
				
				<p>Please provide your details</p>
				
				<div class="field">
					<label for="username">Username</label>
					<input type="text" id="emailId" name="userId" value="" placeholder="Username" class="login username-field" />
				</div> <!-- /field -->
				
				<div class="field">
					<label for="password">Password:</label>
					<input type="password" id="pass" name="pass" value="" placeholder="Password" class="login password-field"/>
				</div> <!-- /password -->
				
			</div> <!-- /login-fields -->
			
			<div class="login-actions">
									
				<button class="button btn btn-success btn-large" id="login-btn">Sign In</button>
				
			</div> <!-- .actions -->
			
			
			
		</form>
		
	</div> <!-- /content -->
	
</div> <!-- /account-container -->

<script src="../../v1/js/jquery-1.7.2.min.js"></script>
<script src="../../v1/js/bootstrap.js"></script>

<!--<script src="js/signin.js"></script>-->

</body>

</html>